<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
	<head>
		<meta charset="utf-8">
		<title>相册</title>
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">
		<meta name="author" content="Tantan">
		<meta name="keywords" content="檀清华 的个人主页">
		<meta name="description" content="檀清华 的个人主页">
		<link rel="shortcut icon" href="images/favicon.ico">
		<link rel="shortcut icon" href="favicon.ico">
		<link rel="stylesheet" href="css/animate.css">
		<link rel="stylesheet" href="css/bootstrap.min.css">
		<link rel="stylesheet" href="css/common.css">
		<link rel="stylesheet" href="css/album.css">
		<script src="js/plugin/modernizr-2.6.2.min.js"></script>
		<!--[if lt IE 9]>
			<script src="js/plugin/html5shiv.min.js"></script>
			<script src="js/plugin/respond.min.js"></script>
		<![endif]-->
	</head>
	<body>
		<!--顶部导航-->
		<header class="header"></header>
		<div class="content">
			<div class="container">
				<div class="row">
					<div class="col-md-4 col-sm-6 col-xs-12 animate-box" data-animate-effect="fadeInLeft">
						<div class="album-entry">
							<a href="#" class="album-img"><img src="images/album/s.jpg" class="img-responsive"></a>
							<div class="desc">
								<h3><a href="#">西安</a></h3>
								<span><small>by Tantan </small> / <small> 2016.04.22 </small></span>
								<p>据说这个音乐喷泉是亚洲最大的，很漂亮，尤其是晚上的时候，观看的人可谓是人山人海</p>
								
							</div>
						</div>
					</div>
					<div class="col-md-4 col-sm-6 col-xs-12 animate-box" data-animate-effect="fadeInLeft">
						<div class="album-entry">
							<a href="#" class="album-img"><img src="images/album/d1.png" class="img-responsive"></a>
							<div class="desc">
								<h3><a href="#">西安</a></h3>
								<span><small>by Tantan </small> / <small> 2016.04.21 </small></span>
								<p>这个是西安有名的大雁塔，有着悠久的历史...</p>
								
							</div>
						</div>
					</div>
					<div class="col-md-4 col-sm-6 col-xs-12 animate-box" data-animate-effect="fadeInLeft">
						<div class="album-entry">
							<a href="#" class="album-img"><img src="images/album/s9.jpg" class="img-responsive"></a>
							<div class="desc">
								<h3><a href="#">天津</a></h3>
								<span><small>by Tantan </small> / <small> 2017.06.04 </small></span>
								<p>我们是晚上去做的游轮，大概时长是30多分钟，可以看到天津的夜景</p>
								
							</div>
						</div>
					</div>
					<div class="col-md-4 col-sm-6 col-xs-12 animate-box" data-animate-effect="fadeInLeft">
						<div class="album-entry">
							<a href="#" class="album-img"><img src="images/album/yuan.jpg" class="img-responsive"></a>
							<div class="desc">
								<h3><a href="#">天津</a></h3>
								<span><small>by Tantan </small> / <small> 2017.06.04 </small></span>
								<p>这个是良缘阁，没有男女朋友的可以去试验一下...哈哈</p>
								
							</div>
						</div>
					</div>
					<div class="col-md-4 col-sm-6 col-xs-12 animate-box" data-animate-effect="fadeInLeft">
						<div class="album-entry">
							<a href="#" class="album-img"><img src="images/album/s10.jpg" class="img-responsive"></a>
							<div class="desc">
								<h3><a href="#">天津</a></h3>
								<span><small>by Tantan </small> / <small> 2016.06.04 </small></span>
								<p>很有名的天津之眼，据说和相爱的人一起做摩天轮，会一直幸福...</p>
								
							</div>
						</div>
					</div>
					<div class="col-md-4 col-sm-6 col-xs-12 animate-box" data-animate-effect="fadeInLeft">
						<div class="album-entry">
							<a href="#" class="album-img"><img src="images/album/f1.jpg" class="img-responsive"></a>
							<div class="desc">
								<h3><a href="#">北京</a></h3>
								<span><small>by Tantan</small> / <small> 2016.05.19 </small></span>
								<p>喜欢刺激的朋友可以去，这里有很全的娱乐项目，Cosplay...</p>
								
							</div>
						</div>
					</div>
					
				</div>
			</div>
		</div>

		

		<!-- Javascript -->
		<script type="text/javascript" src="js/plugin/jquery-3.3.1.js"></script>
		<script type="text/javascript" src="js/plugin/jquery.easing.1.3.js"></script>
		<script type="text/javascript" src="js/plugin/bootstrap.min.js"></script>
		<script type="text/javascript" src="js/plugin/jquery.waypoints.min.js"></script>
		<script type="text/javascript" src="js/common/header.js"></script>
		<script type="text/javascript" src="js/common/footer.js"></script>
		<script type="text/javascript" src="js/common.js"></script>
		<script type="text/javascript">
			$(function() {
				contentWayPoint();
			});
		</script>
	</body>
</html>

